$(function(){
    // 黑框内的放大显示
    $(".small_box").hover(function(){
        $(this).find(".float_layer").show()
        $(".big_box").show()
    },function(){
        $(this).find(".float_layer").hide()
        $(".big_box").hide()

    })
    $(".small_box").mousemove(function(e){
        // console.log(e);
        //x y  鼠标位置
        var x=e.offsetX,y=e.offsetY;
        //小黑框的左上角位置-100是保证让鼠标永远在小黑框的中间
        var left=x-100;
        var top=y-100;
        if(left<0){
            left=0
        }
        if(top<0){
            top=0
        }
        if(left>200){
            left=200
            //小黑框左上角 200  为了确保他的基准点是左上角 
        }
        if(top>200){
            top=200
        }
        $(this).find(".float_layer").css({
            top:top+"px",
            left:left+"px"
        })
        $(".big_box img").css({
            top:-2*top+"px",
            left:-2*left+"px"
        })
    })
})
$(function(){
    $(".c_add").click(function(){
            var val=$("#count-ipt").val();//获取数量 交互控件有val
            var num=parseInt(val)+1//转换数值型 并加一
            var count=$(".in-count").text();//获取i标签的文本
            if(num<=count){
                $("#count-ipt").val(num);   
            }
    })
    $(".c_sub").click(function(){
            var val=$("#count-ipt").val();//获取数量 交互控件有val
            var num=parseInt(val)-1    //转换数值型 并减一
            var count=$(".in-count").text();//获取i标签的文本
            if(num>1){
                $("#count-ipt").val(num);   
            }
    })
    $(".buy-now").click(function(){
        var val=$("#count-ipt").val()
        var price = parseFloat($(".li-price").text())*100//*乘100 为了解决精度不够问题
        alert(val * price /100)
    })

})